<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>修改登录密码</title>
		<meta name="keywords" content="知果汇" />
		<meta name="description" content="知果汇" />
		<link rel="SHORTCUT ICON" href="_IMG_/favicon.ico" />
		<link rel="stylesheet" href="_CSS_/form.css" />
		<link rel="stylesheet" href="_CSS_/reg.css" />
		<style type="text/css">
			h5{font-size: 20px;text-align:center;font-weight: normal;}
			.fillBox{width: 338px;display: inline-block;}
			.form-group{line-height: 40px;width: 420px;margin: 0 auto 20px auto;}
			.form-control{background: #F4F4F4;width: 290px;padding: 0 38px 0 10px;height: 40px;line-height: 40px;}
		</style>
	</head>
	<body>
		<form id="form1" action="" method="post" class='forms'>
			<h5>修改登录密码</h5>
			<div class='form-group'>
				<label>原始密码：</label>
				<input class='form-control init' type='password' placeholder="请输入原始密码 "/>
			</div>
			<div class='form-group'>
				<label>新密码：</label>
				<div class="fillBox password">
					<input class="pwd" type="password" keys="0" placeholder="6~16位密码，字母、数字、符号至少两种" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
					<input class="pwd_text isHidden" type="text" keys="1" placeholder="6~16位密码，字母、数字、符号至少两种" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
					<a class="isVisible" href="javascript:;">
						<img class="unvisible" src="_IMG_/closed_eyes.png">
						<img class="visible" src="_IMG_/opened_eyes.png">
					</a>
				</div>
			</div>
			<div class='form-group'>
				<label>确认密码：</label>
				<input class='form-control cfm' type='password' placeholder="请确认新密码 "/>
			</div>
		</form>
	</body>
	<script src="_JS_/jquery-1.8.3.min.js"></script>
	<script src="_JS_/jquery.base64.js"></script>
	<script src="_JS_/jquery.cookie.js"></script>
	<script src="_JS_/common.js"></script>
	<script type="text/javascript">
		$(function(){			
			/*密码是否可见*/
			window.onload = function(){
				var flag = true;
				var btn = document.querySelector('.isVisible');
			var input = document.querySelector('.pwd');
			btn.onclick = function(){
				if(flag){
					input.style.display="none";
					document.querySelector('.pwd_text').style.display="inline-block";
					document.querySelector('.pwd_text').value = input.value;
					flag = false;
					document.querySelector('.unvisible').style.display = "none";
					document.querySelector('.visible').style.display = "inline-block";
				}else{
					input.style.display="inline-block";
					document.querySelector('.pwd_text').style.display="none";
					input.value = document.querySelector('.pwd_text').value;			
					flag = true;
					document.querySelector('.visible').style.display = "none";
					document.querySelector('.unvisible').style.display = "inline-block";
					}
				}
			}
		});
	</script>
</html>
